<template>
  <view class="select-cinema-skeleton flex">
    <view class="flex select-cinema-skeleton_item mr30">
      <view class="flex-c-m left">
        <u-skeleton
          rows="10"
          rows-height="26"
          :title="false"
          rows-width="100%"
        ></u-skeleton>
      </view>
    </view>

    <view class="flex select-cinema-skeleton_item">
      <view class="flex-c-m right">
        <u-skeleton
          rows="10"
          rows-height="26"
          :title="false"
          rows-width="100%"
        ></u-skeleton>
      </view>
    </view>
  </view>
</template>
<script>
  export default {
    data() {
      return {}
    }
  }
</script>

<style lang="scss" scoped>
  .select-cinema-skeleton {
    width: 100%;
    background: #fff;
    flex-wrap: wrap;
    padding: 30rpx;
    box-sizing: border-box;
    .select-cinema-skeleton_item {
      width: calc((100% - 30rpx) / 2);
      flex-direction: column;
      .left,
      .right {
        width: 100%;
        margin-bottom: 20rpx;
        &:nth-child(2n) {
          margin-bottom: 50rpx;
        }
      }
    }
  }
</style>
